<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>axios</title>
  </head>
  <body>
    <pre>

        1：请求拦截器
            在发送ajax之前拦截，进行配置
            axios.interceptors.requset.use(fn-yes,fn-no)  fn-yes,fn-no内必须有return

        2：响应拦截器
            数据从后台响应后的数据进行处理
            拦截器在then或catch之前拦截
            axios.interceptors.response.use(fn-yes,fn-no)  fn-yes,fn-no内必须有return

    </pre>
    <script src="../node_modules/axios/dist/axios.js"></script>
    <script>
      // 请求拦截器
      axios.interceptors.request.use(
        function (config) {
          // config中包含了请求头，请求数据，请求方式...
          //   可以在此阶端添加修改东西
          config.headers.mytoken = 'nihao '
          console.log(config)

          //   return 是固定写法
          return config
        },
        function (error) {
          //   return 是固定写法
          return error
        },
      )
      //响应拦截器
      //   axios.interceptors.response.use(
      //     function (response) {
      //       // response返回的数据是经过axios包装过的很多不必要的数据，在这里就可以处理tam，返回真正的数据
      //       //   return 是固定写法

      //       return response.data
      //     },
      //     function (error) {
      //       //   return 是固定写法
      //       return error
      //     },
      //   )
      axios
        .get('http://localhost:3000/axios', {
          params: {
            id: '我用params发送的id',
          },
        })
        .then((data) => {
          // const { data: res } = data
          //   console.log(res)
          console.log(data)
        })
    </script>
  </body>
</html>
